<template>
  <div class="iot_middle">
    <CalendarAndFast></CalendarAndFast>
    <NoticeAndNews></NoticeAndNews>
    <LoginAndConvenient></LoginAndConvenient>
    <RightQRcode></RightQRcode>
    </div>
</template>

<script>
import CalendarAndFast from './CalendarAndFast.vue';
import LoginAndConvenient from './LoginAndConvenient.vue';
import NoticeAndNews from './NoticeAndNews.vue';
import RightQRcode from './RightQRcode.vue';

export default {
    name:'MiddleContainer',
    components:{
        CalendarAndFast,
        NoticeAndNews,
        LoginAndConvenient,
        RightQRcode
    }
}
</script>

<style>
.iot_middle{
            width: 1420px;
            height:580px;
            margin-top: 30px;
            background-color: #ffffff;
        }  /*主体*/
</style>